<generic>
	<template>
		<Style>
			.label-green {
				color:#669966;
				fontSize:11;
				fontWeight:bold;
			}


			.label-red {
				color:#660000;
				fontSize:19;
				fontWeight:bold;
			}			
				
		</Style>
		<!-- Container -->

			<!-- Content -->
			<ResizableWindow title="Search for friends" fontSize="12" modal="true" width="700" height="400"
				verticalGap="3" horizontalAlign="right" verticalAlign="middle" borderStyle="solid" 
				borderThickness="1" cornerRadius="12" paddingLeft="0" backgroundColor="#ffffcc">
			<HBox backgroundColor="#ffffcc" width="100%" height="100%" horizontalGap="0" verticalAlign="middle" horizontaAlign="right">


				<!-- Search -->
				<VBox backgroundColor="#ffffcc"  width="100%" height="100%" paddingLeft="20" paddingTop="30"
						verticalAlign="top" horizontalAlign="left" verticalGap="15" > 

					<Label text="Personal info" styleName="label-red"/>
					<!-- Basic -->
					
					
					<HBox  width="100%" horizontalAlign="left"> 
						<Label styleName="label-green" text="First name"/>
						<TextInput width="120"/>
						<Label styleName="label-green" text="Last name"/>
						<TextInput width="120" />	
					</HBox>
					<HBox width="100%">
						<Label styleName="label-green" text="Uni E-Mail" />
						<TextInput width="120" />
						<Label styleName="label-green" text="Sex"/>
						<ComboBox   dataProvider="[ 'male',  'female' ]  " />
						<Label styleName="label-green" text="Hometown"/>
						<TextInput width="120" />
					</HBox>

					<!-- Search by uni info -->
					<Label color="#660000" text="University info" styleName="label-red"/>
					<HBox  width="100%" horizontalAlign="left" > 
						<Label styleName="label-green" text="Faculty"/>
						<ComboBox   id="faculty" dataProvider="[ 'male',  'female' ]  " />
						<Binding source="templatedata.faculties.item" destination="faculty.dataProvider"/>												
					</HBox>

					<HBox>
						<Label styleName="label-green" text="Specialty"/>
						<TextInput width="120" />
						<Label styleName="label-green" text="Course"/>
						<ComboBox   dataProvider="[ '1',  '2', '3', '4' ]  " />
						<Label styleName="label-green" text="Position" />
						<ComboBox   dataProvider="[ 'student',  'associate professor', 'professor', 'personal' ]  " />
					</HBox>
					
					<HBox width="100%" horizontalAlign="right" color="black" >
						<Button label="Search" fontSize="20"/>
					</HBox>
					
					<HBox width="100%">
					
					</HBox>
				</VBox>
			</HBox>
			</ResizableWindow>

	</template>
	<templatedata>

		<faculties>
			<item>
				Faculty of Mathematics and Informatics
			</item>
			<item>Faculty of History</item>
			
			<item>
				Faculty of Physics
			</item>
			<item>
				Faculty of Biology
			</item>
			<item>
				Faculty of Pharmacy
			</item>
			<item>
				Faculty of Economics and Business administration
			</item>
			<item>
				Faculty of Medicine
			</item>
			<item>
				Faculty of Pedagogy
			</item>
			<item>
				Faculty of Psychology
			</item>
		</faculties>
	</templatedata>

</generic>
